<?php
session_start();
if (!isset($_SESSION['cid']) || !isset($_POST['cid']) || ($_SESSION['cid'] != $_POST['cid'])) {
	if (!isset($_SESSION['visited'])) {
		header('location: suscripcion-newsletter.php');
		exit();
	}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Institucional | Facultad de Derecho - Universidad de Buenos Aires</title>
<link rel="stylesheet" href="../estilos_2010.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../recursos/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript" src="../recursos/jquery.js"></script>
<script type="text/javascript" src="../recursos/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
//funciones de validado
function validateFill () {
    var respuesta = '';
    for (var i in arguments) { 
        var nombreCampo = $('label[for="'+arguments[i]+'"]').html();
        if ($('#'+arguments[i]).val() == false) {
            respuesta += '<p>El campo '+nombreCampo+' es obligatorio</p>';
        }
    }
    return respuesta;
}

function validateEmail () {
	var respuesta = '';
	for (var i in arguments) { 
		var nombreCampo = $('label[for="'+arguments[i]+'"]').html();
		var expresion = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/;
		var valor = $('#'+arguments[i]).val()
		if (!expresion.test(valor)) {
			respuesta += '<p>El campo '+nombreCampo+' debe ser un email v&aacute;lido</p>';
		}
	}
	return respuesta;
}

function validateNumber () {
	var respuesta = '';
	for (var i in arguments) { 
		var nombreCampo = $('label[for="'+arguments[i]+'"]').html();
		var expresion = /^[0-9]+$/;
		var valor = $('#'+arguments[i]).val()
		if (!expresion.test(valor)) {
			respuesta += '<p>El campo '+nombreCampo+' s&oacute;lo acepta n&uacute;meros</p>';
		}
	}
	return respuesta;
}

$(document).ready(function () {
	$("#errorClick").fancybox({
        padding:15,
        hideOnContentClick:true,
        centerOnScroll:true
    });
	if (document.location.hash == '#error') {
		$('#error').html('<h3>Error</h3><p>El c&oacute;digo ingresado es incorrecto.</p>');
		$('#errorClick').click();
	}
	$('#suscripcion').submit(function () {
		 var error = '';
        error += validateFill('nombre', 'apellido', 'perfil', 'email', 'email2');
		if (error) {
            error = '<h3>Error</h3>'+error;
            $('#error').html(error);
            $('#errorClick').click();
            return false;
        }
		error += validateEmail('email');
		if (error) {
            error = '<h3>Error</h3>'+error;
            $('#error').html(error);
            $('#errorClick').click();
            return false;
        }
		if ($('#email').val() != $('#email2').val()) {
            $('#error').html('<h3>Error</h3><p>La confirmaci&oacute;n de mail no coincide.</p>');
            $('#errorClick').click();
            return false;
        }
		if ($('#codigo').val() == false) {
			$('#error').html('<h3>Error</h3><p>Ten&eacute;s que ingresar el c&oacute;digo que figura en la imgaen.</p>');
            $('#errorClick').click();
            return false;
		}
		$('#enviarWrapper').hide();
		$('#loadingWrapper').show();
	})
})
</script>
<style type="text/css">
#suscripcion {width:380px; margin:40px auto 0 auto}
label {display:inline-block; width:90px; text-align:right; font-weight:bold; margin-right:20px}
.input-large {width:250px}
</style>
</head>
<body>
    <div id="content">

        <div class="cabecera">
            <?php require_once('../include/inc_top.php'); ?>
        </div>
        <div style="padding-top:8px;"></div>
        <div class="contenido">
            <div class="sector"><?php require_once('enc_menu/enc_sup_sec_institucional.php'); ?>  </div>
            <div style="padding-top:1px; background-color: black;"></div>
            <div style="padding-top:6px;"></div>
            <div class="arbol"><?php require_once('enc_menu/enc_sup_sub_index.php'); ?></div>
            <div style="padding-top:2px; background-color: white;"></div>
        </div>

        <div style="clear: both;"></div>
        <div class="menu_izq">
            <?php require_once('deinteres/enc_menu/men_index_deinteres.php'); ?>
            <div style="padding-top:2px; background-color: white;"></div>
            <div style="padding-top:2px; background-color: white;"></div>
        </div>


      <div class="contenido_pagina-col2">
            <h1>Suscripci&oacute;n al newsletter</h1>
			<p>Por favor complete el siguiente formulario:</p>
        	<form id="suscripcion" method="post" action="suscripcion.controller.php">
            	<p>
                	<label for="apellido">Apellido</label> 
                    <input class="input-large" type="text" name="apellido" id="apellido" value="" />
                </p>
                <p>
                	<label for="nombre">Nombre</label> 
                    <input class="input-large" type="text" name="nombre" id="nombre" value="" />
                </p>
                <p>
                	<label for="femenino">Sexo</label> 
                    Femenino <input type="radio" name="sexo" value="1" />
                    Masculino <input type="radio" name="sexo" value="2" />
                </p>
                <p>
                	<label for="perfil">Perfil</label> 
                	<select name="perfil" id="perfil" style="width:255px">
                        <option value="0">Por favor seleccione una opci&oacute;n</option>
                        <option value="1">Docente</option>
                        <option value="2">Graduado</option>
                        <option value="3">Alumno</option>
                        <option value="4">Miembro de la sociedad civil</option>
                  	</select>
                </p>
                <p>
                	<label for="email">Mail</label> 
                    <input class="input-large" type="text" name="email" id="email" value="" />
                </p>
                <p>
                	<label for="email2">Confirmar mail</label> 
                    <input class="input-large" type="text" name="email2" id="email2" value="" />
                </p>
                <p style="text-align:center">
                	Ingrese el siguente texto<br />
                	<img id="captcha" src="../recursos/securimage/securimage_show.php" alt="CAPTCHA Image" />
                </p>
                <p style="text-align:center">
                    <input type="text" id="codigo" name="captcha_code" size="10" maxlength="6" value="" />
                    <a href="javascript:void(0);" onclick="document.getElementById('captcha').src = '../recursos/securimage/securimage_show.php?' + Math.random(); return false">[ Nueva imagen ]</a>
                </p>
                <p>&nbsp;</p>
                <p id="enviarWrapper" style="text-align:center"><input type="submit" name="enviar" value="Enviar" /></p>
                <p id="loadingWrapper" style="text-align:center; display:none"><img src="../recursos/loading.gif" align="absbottom" /> Por favor aguarde...</p>
              <input type="hidden" name="cid" value="<?php echo($_SESSION['cid']); ?>" />
            </form>
            
            <!-- ventana modal para lo errores -->
            <div style="display: none;">
                <a id="errorClick" href="#error"></a>
            </div>
    
            <div style="display: none;">
                <div id="error"></div>
            </div>
            <!-- ------------- -->
            
        </div>

        <div class="cleaner"></div>
    </div>
    <div class="cleaner"></div>
    <div class="pie">
        <div style="padding-top:2px; background-color: white;"></div>
        <?php require_once('../include/inc_pie.php'); ?>

    </div>
</body>
</html>